import {Platform, StyleSheet} from 'react-native';
import px2dp from '../../utils/px2dp';

const styles = StyleSheet.create({
  slide: {
    flex: 1,
    height: px2dp(280),
    justifyContent: 'center',
    alignItems: 'center',
  },
  img: {
    flex: 1,
    height: px2dp(280),
  },
  slide1: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#9DD6EB'
  },
  slide2: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#97CAE5'
  },
  slide3: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#92BBD9'
  },
  text: {
    color: '#fff',
    fontSize: 30,
    fontWeight: 'bold'
  }
});

export default styles;
